
"use client"
import { Button } from "@heroui/button";
import { Popover, PopoverContent, PopoverTrigger } from "@heroui/popover";
import { FaQrcode } from "react-icons/fa";
import { QRCodeSVG } from 'qrcode.react';
interface IProps {
    current: any
}
export default function PcViewVode(props: IProps) {
    return (
        <Popover placement="right">
            <PopoverTrigger>
                <Button startContent={<FaQrcode size={14} />} size="sm">点击扫码查看</Button>
            </PopoverTrigger>
            <PopoverContent>
                <div className="px-1 py-2">
                    <div className="flex flex-row items-center">
                        <QRCodeSVG size={60} value={props.current?.quarkLink} />
                        <div className="flex flex-col pl-2">
                            <div>使用手机「扫一扫」</div>
                            <div className="text-sm">在手机上保存，<br /> 获得更好体验</div>
                        </div>
                    </div>
                </div>
            </PopoverContent>
        </Popover>
    );
}
